<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="https://cdn.jsdelivr.net/npm/vue"></script>
</head>

<body>
<div>prop 是单向绑定的：当父组件的属性变化时，将传导给子组件，但是不会反过来</div>
<div id="app">
    <input v-model="wangbadan"/>
    <tao v-bind:nima="wangbadan"></tao>

</div>

<script>
    <!--全局组件没有s-->
    Vue.component("tao",
        {
            props: ["hehe", "nima"],
            template:"<div>{{nima}}</div>"
        }
    );

    var v = new Vue({
        el:"#app",
        data:{
            //父组件的值，最终传到子组件tao之中去。当子组件在另一个文件定义时，是有用的。但实际上生成的html
            // 最后是在同一个文件之中的。看起来像是进行了组件之间的通讯。嗯。只是个传值
            wangbadan:"王八蛋"
        }

    })
</script>
</body>
</html>